﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="About.aspx.cs" Inherits="SF.Dict.Web.About" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>关于挚友云海</title>
    <style type="text/css">
        body
        {
            background: none repeat scroll 0 0 #D2D8DE;
            cursor: default;
            font-family: "Microsoft Yahei" , "微软雅黑" ,Tahoma,Arial,Helvetica,STHeiti;
            font-size: 12px;
            margin: 0;
            padding: 0;
        }
        body, div, label, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, p, blockquote, th, td
        {
            margin: 0;
            padding: 0;
        }
        body
        {
            padding-bottom: 30px;
        }
        a, a:link, a:visited, a:active, a:hover
        {
            color: #324F65;
            text-decoration: underline;
        }
        #wrap
        {
            min-height: 500px;
            background: url("/Common/images/wrap1911.png") repeat-x scroll center top #D2D8DE;
        }
        h1.logo a
        {
            font-size: 32px;
            font-weight: bold;
            text-decoration: none;
            color: #FFFFFF;
        }
        h1.logo a:hover
        {
            background: none;
        }
        .page-about #content
        {
            border-radius: 10px 10px 10px 10px;
            margin: 0 auto;
            position: relative;
            width: 840px;
            font-size: 14px;
            padding-bottom: 20px;
        }
        div#header
        {
            margin: 0 auto 35px;
            position: relative;
            width: 840px;
        }
        div#main
        {
            background: none repeat scroll 0 0 #FFFFFF;
            border-radius: 5px 5px 5px 5px;
            padding: 22px 28px;
            width: 523px;
            float: left;
        }
        div#aside
        {
            background-color: #F4F7FA;
            border-radius: 5px 5px 5px 5px;
            float: right;
            padding: 12px 18px;
            width: 200px;
        }
        .about-list .about-item
        {
            background: url("http://s.libdd.com/img/icon/about-icons.$1763.png") no-repeat scroll 0 10px transparent;
            height: 36px;
            line-height: 34px;
            overflow: hidden;
        }
        #aside .about-item .separator
        {
            border-bottom: 1px solid #FEFFFE;
            border-top: 1px solid #E2E6E8;
            border-width: 1px 0;
            margin: 0 0 10px;
            overflow: hidden;
        }        
        .about-list .about-item.current a, .about-list .about-item.current a:link, .about-list .about-item.current a:visited, .about-list .about-item.current a:active, .about-list .about-item.current a:hover
        {
            color: #000000;
            font-weight: bold;
        }        
        .about-list .about-item a, .about-list .about-item a:link, .about-list .about-item a:visited
        {
            color: #666666;
            display: block;
            outline: medium none;
            padding-left: 25px;
            text-decoration: none;
        }
        .about-list .about-item a:active, .about-list .about-item a:hover
        {
            color: #000000;
        }
        h2#main-title
        {
            color: #324F65;
            font-size: 32px;
            font-weight: normal;
            margin: 0 0 30px;
        }
        .one-position
        {
            border-top: 1px solid #D3D5D7;
            margin-top: 20px;
        }
        .one-position h4, .one-position h5
        {
            color: #38546B;
            font-size: 16px;
            font-weight: normal;
            margin: 10px 0 10px;
        }
        .one-position p
        {
            line-height: 20px;
            padding: 3px 0;
            text-indent: 2em;
        }
        .one-position ul li, .one-position ol li
        {
            line-height: 20px;
            list-style: decimal outside none;
            margin-left: 30px;
            padding: 5px 0;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div class="page-about" id="wrap">
        <div id="header">
            <h1 class="logo">
                <a title="挚友云海" href="/">挚友云海</a></h1>
        </div>
        <div id="content">
            <div id="main">
                <h2 id="main-title">
                    关于挚友云海</h2>
                <div id="sworn-introduce" class="one-position">
                    <h4>
                        我们是谁&mdash;&mdash;挚友云海（<a href="http://www.swornfriends.com">www.swornfriends.com</a>）：</h4>
                    <p>
                        一个全新的、致力于“高质量内容发布和传播”的轻博客社区。</p>
                    <p>
                        轻博客是介于博客与微博之间的一种网络服务，博客是倾向于表达的，微博则更倾向于社交和传播，轻博客吸收双方的优势。</p>
                    <p>
                        如果说微博是一份报纸，博客是一本书，那么轻博客则更像一本杂志，当然这只是从内容层面的一种形象比喻。</p>
                    <p>
                        既不同于微博也不同于博客，我们是一种全新的网络媒体。</p>
                </div>
                <div id="sworn-feature" class="one-position">
                    <h4>
                        我们的产品&mdash;&mdash;轻博客：</h4>
                    <ol>
                        <li>国内首个将张扬个性化做到极致的开放平台，从个性化的模板设计，到自定义系统的配合，点点网的用户可以在此建设一个令自己自豪的网络空间，彻底抛弃了传统博客繁冗复杂的形式。</li>
                        <li>简洁的设计哲学，让用户简单快速地发布文字、图片、视频等各种格式内容，采用完全的内容和兴趣导航模式，让点点网成为一个全新的、真正致力于“高质量内容发布和传播”的轻博客社区。</li>
                        <li>更多独有的多元化互动特质&mdash;&mdash;多人协作模式，用户既能轻易的同时为多个感兴趣的博客投稿；也可以在自己主博客之下建立多个偏好不同的子博客，邀请有相同爱好的朋友共同撰写。</li>
                        <li>以兴趣为主线，轻松快乐的参与和沟通，帮你找到你最想看到的内容、最想结识的朋友。一切都基于你的爱好，让每天都在发现兴趣的乐趣中度过。</li>
                        <li>同时我们还有iPhone、Android、iPad客户端，让你随时随地都能享受点点带来的乐趣。</li>
                    </ol>
                </div>
                <div class="one-position">
                    <h4>
                        点点映像:</h4>
                    <p>
                        2011年6月28日,点点第一支宣传片诞生</p>
                    <div class="trailer-video">
                        <object height="360" width="500">
                            <param value="sameDomain" name="allowscriptaccess" />
                            <param value="transparent" name="wmode" />
                            <param value="http://player.youku.com/player.php/sid/XMjc5OTI4ODY0/v.swf" name="movie" />
                            <embed height="360" width="500" type="application/x-shockwave-flash" wmode="transparent"
                                allowscriptaccess="sameDomain" src="http://player.youku.com/player.php/sid/XMjc5OTI4ODY0/v.swf">
                        </object>
                    </div>
                </div>
                <div id="about-creator" class="one-position">
                    <h4>
                        媒体报道：</h4>
                    <p>
                        北京晨报：<a target="_blank" href="http://tech.ifeng.com/internet/detail_2011_05/04/6142369_0.shtml">真正的创业是改变世界</a></p>
                    <p>
                        Techweb：<a target="_blank" href="http://www.chinadaily.com.cn/micro-reading/tech/2011-04-13/content_2296597.html">点点网许朝军的竞争观：蓝海与共赢</a></p>
                    <p>
                        CNET科技资讯网：<a target="_blank" href="http://www.cnetnews.com.cn/2011/0506/2033947.shtml">社交长跑先锋许朝军：点点与微博并存
                            直面复制门</a></p>
                    <p>
                        Ft中文网：<a target="_blank" href="http://tech.qq.com/a/20110426/000252.htm">程苓峰：轻博不是浪子
                            是深度</a></p>
                </div>
            </div>
            <div id="aside">
                <ul class="about-list">
                    <li class="about-item about current"><a href="http://www.swornfriends.com/about.aspx">
                        关于挚友</a>
                        <hr class="separator" />
                    </li>
                    <li class="about-item contact"><a href="http://www.swornfriends.com/about.aspx?s=contact">
                        联系我们</a>
                        <hr class="separator" />
                    </li>
                    <li class="about-item jobs"><a href="http://www.swornfriends.com/about.aspx?s=jobs">
                        招贤纳士</a>
                        <hr class="separator" />
                    </li>
                    <li class="about-item service"><a href="http://www.swornfriends.com/about.aspx?s=service">
                        服务条款</a>
                        <hr class="separator" />
                    </li>
                    <li class="about-item privacy"><a href="http://www.swornfriends.com/about.aspx?s=privacy">
                        隐私政策</a>
                        <hr class="separator" />
                    </li>
                    <li class="about-item feedback"><a href="http://www.swornfriends.com/about.aspx?s=feedback">
                        意见反馈</a>
                        <hr class="separator" />
                    </li>
                    <li class="about-item blog"><a target="_blank" href="http://iam.swornfriends.com">官方博客</a>
                    </li>
                </ul>
            </div>
            <div style="clear: both;">
            </div>
        </div>
    </div>
    </form>
</body>
</html>
